<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            /*background-image: url("https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/918820682e4a490221cfd92b24c14b86.jpg?thumb=1&w=1839&h=690&f=webp&q=90");
            background-repeat: no-repeat;
            background-position: center top;
            background-size: 2000px 800px;
            background-attachment: fixed;*/
            background: url("https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/918820682e4a490221cfd92b24c14b86.jpg?thumb=1&w=1839&h=690&f=webp&q=90") no-repeat center top fixed;
            background-size: 2000px 800px;
        }
        div {
            background-color: rgba(255,0,0,0.3);
            background-attachment: fixed;
        }
    </style>
</head>
<body>
<div>
    <p>天王盖地虎1</p>
    <p>天王盖地虎2</p>
    <p>天王盖地虎3</p>
    <p>天王盖地虎4</p>
    <p>天王盖地虎5</p>
    <p>天王盖地虎6</p>
    <p>天王盖地虎7</p>
    <p>天王盖地虎8</p>
    <p>天王盖地虎9</p>
    <p>天王盖地虎10</p>
    <p>天王盖地虎11</p>
    <p>天王盖地虎12</p>
    <p>天王盖地虎13</p>
    <p>天王盖地虎14</p>
    <p>天王盖地虎15</p>
    <p>天王盖地虎16</p>
    <p>天王盖地虎17</p>
    <p>天王盖地虎18</p>
    <p>天王盖地虎19</p>
    <p>天王盖地虎20</p>
    <p>天王盖地虎21</p>
    <p>天王盖地虎22</p>
    <p>天王盖地虎23</p>
    <p>天王盖地虎24</p>
    <p>天王盖地虎25</p>
    <p>天王盖地虎26</p>
    <p>天王盖地虎27</p>
    <p>天王盖地虎28</p>
    <p>天王盖地虎29</p>
    <p>天王盖地虎30</p>
    <p>天王盖地虎31</p>
    <p>天王盖地虎32</p>
    <p>天王盖地虎33</p>
    <p>天王盖地虎34</p>
    <p>天王盖地虎35</p>
    <p>天王盖地虎36</p>
    <p>天王盖地虎37</p>
    <p>天王盖地虎38</p>
    <p>天王盖地虎39</p>
    <p>天王盖地虎40</p>
    <p>天王盖地虎41</p>
    <p>天王盖地虎42</p>
    <p>天王盖地虎43</p>
    <p>天王盖地虎44</p>
    <p>天王盖地虎45</p>
    <p>天王盖地虎46</p>
    <p>天王盖地虎47</p>
    <p>天王盖地虎48</p>
    <p>天王盖地虎49</p>
    <p>天王盖地虎50</p>
</div>
</body>
</html>